<template>
	<view class="full-page"> 
		<!-- <pairing-elimination :word-list="wordList" @gameover="gameover"></pairing-elimination> -->
		<!-- <fill-sentence :word-list="wordList"></fill-sentence> -->
		<u-modal v-model="showCoinBox" @confirm="confirm" :title-style="{color: 'red'}">
			<view class="h-20px"></view>
			<view class="flex items-center justify-center">
				恭喜你获得20颗<u-image src="https://nx5.abc5g.com/images/been2.png" mode="aspectFit" width="30px" height="26px" ></u-image>
			</view>
			<view class="h-20px"></view>
		</u-modal>
		<u-button @click="showCoinBox=true">sadsad</u-button>
	</view>
</template>

<script lang="ts" setup>
	import { ref } from 'vue';
 
	// import PairingElimination from '@/pages-study/components/pairing-elimination/pairing-elimination.vue';
	// import FillSentence from '@/components/fill-sentence/fill-sentence.vue';
	 
	const showCoinBox = ref(false)
	 
	function gameover(){
		console.log('game over');
		console.log(wordList);
	}
	
	function confirm(){
		console.log('confirm 123');
	}
	
	const wordList = [
		{ ID: 1, Word: 'hello', Mean: '哈喽哈喽哈喽哈喽' }
	]
</script>

<style lang="scss" scoped>
	.full-page{
		--status-bar-height: 44px;
		height: calc(100vh - var(--status-bar-height));
		display: flex;
		flex-flow: column;
		
	}
</style>